<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta charset="utf-8">
        <title>摇一摇</title>
        <link rel="stylesheet" href="css/shake.css">
    </head>
    <body>
        <audio id="open" src="1.mp3"></audio>
        <audio id="close" src="2.mp3"></audio>
        <table id="container">
            <tbody>
                <tr>
                    <td class="container">
                        <div id="shake">
                            <img src="img/inner.png" class="inner">
                            <img src="img/shake.png" class="shake_up" id="shakeup">
                            <img src="img/shake.png" class="shake_down" id="shakedown">
                        </div>
                        <div id="loading" class="loading"></div>
                    </td>
                </tr>
                <tr id="controlbar">
                    <td class="controlbar" onclick="javascript:shake();">
                        <img src="img/sdy.png" width="40" height="53"><br>手动摇
                    </td>
                </tr>
            </tbody>
        </table>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/howler.js"></script>
        <script type="text/javascript" src="js/shake.js"></script>
    </body>
</html>